<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8"/>
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0"/>

    <title>出国(境)申请表</title>
    <link rel="stylesheet" href="/css/weui.css"/>
    <link rel="stylesheet" href="/css/main.css"/>
    <script src="/js/jquery-3.3.1.min.js"></script>

    <style>
        .tips_container{
            margin-top:6px ;
        }
        .tips_border{
            border: 2px solid cornflowerblue;
            border-radius: 4px;
            margin: 0px 16px;
            padding: 5px 4px;
        }
        .tips_container_normal{
            border-radius: 4px;
        }
        .tips_container_normal .tips_title{
            color: cornflowerblue;
        }
        .tips_container_normal .tips_border{
            border: 2px solid cornflowerblue;
        }

        .tips_container_blink{
            border-radius: 4px;
        }
        .tips_container_blink .tips_title{
            color: #1876ce;
        }
        .tips_container_normal .tips_border{
            border: 2px solid #1876ce;
        }

        .tips_title{
            font-size: 20px;
            font-size: 20 px;
            padding: 5px 10px 10px;
            line-height: 1.3;
        }
        .tips_item_title{
            color: cornflowerblue;
            font-size: 14px;
            font-size: 14 px;
        }
        .tips_item_content{
            font-size: 14px;
            font-size: 14 px;
        }
        .tips_item{
            margin-bottom: 8px;
        }




    </style>
    <script>
        $(document).ready(function () {
            if($("#tips_container"))
            {
                setInterval(blink,3000);
            }
        });
        function blink() {
            var interval = 250;
            setTimeout(blinkOn,interval*1);
            setTimeout(blinkOff,interval*2);
            setTimeout(blinkOn,interval*3);
            setTimeout(blinkOff,interval*3);
        }
        function blinkOn() {
            $("#tips_container").removeClass("tips_container_normal").addClass("tips_container_blink");
        }
        function blinkOff() {
            $("#tips_container").removeClass("tips_container_blink").addClass("tips_container_normal");
        }

    </script>

</head>
<body>
    <div class="weui-msg">
        <div class="weui-msg__icon-area"><i class="weui-icon-success weui-icon_msg"></i></div>
        <div class="weui-msg__text-area">
            <h2 class="weui-msg__title">提交成功</h2>
            <p class="weui-msg__desc">
                <div style="text-align: left;color: #666666;margin: 5px 20px;">尊敬的<span th:text="${apply.realName}"></span>，您的申请号码为:</div>
                <div style="font-size:26px;color: #444444;" th:text="${result.sqh}"></div>

                <div id="tips_container" class="tips_container_normal tips_container" th:if="${result.tipsList.size()>0}">
                    <div class="tips_title">特 别 提 示:</div>
                    <div class="tips_border">
                        <div class="tips_item" style="text-align: left;color: #666666;margin: 5px 8px;" th:each="tips:${result.tipsList}">
                            <div class="tips_item_title" th:utext="${tips.titleHtml}"></div>
                            <div class="tips_item_content" th:utext="${tips.contentHtml}"></div>
                        </div>
                    </div>
                </div>

            </p>
        </div>
        <div class="weui-msg__opr-area">
            <p class="weui-btn-area">
                <a th:href="@{'/appointment/add/page?applyId='+${apply.applyId}}" href="/applyList" class="weui-btn weui-btn_primary">预约办理</a>
                <a href="/zggmtb/page" class="weui-btn weui-btn_primary">继续填表</a>
                <a href="/applyList" class="weui-btn weui-btn_default">返回</a>
            </p>
        </div>

    </div>
</body>
</html>